<template>
  <div class="lm-user-msg">
    <el-row class="user-header">
      <el-col :span="8">
        <span class="row-left">头像</span>
      </el-col>
      <el-col class="row-right" :span="12">
        <img
          :src="user.avatarName ? baseApi + '/avatar/' + user.avatarName : Avatar"
          class="user-avatar"
        />
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>姓名</span>
      </el-col>
      <el-col :span="12">
        <span>{{ user.nickname || user.realName||user.username }}</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>性别</span>
      </el-col>
      <el-col :span="12">
        <span>{{ user.gender === 'M' ? '男':'女' }}</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>工龄</span>
      </el-col>
      <el-col :span="12">
        <span>12</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>手机号</span>
      </el-col>
      <el-col :span="12">
        <span>{{ user.mobile }}</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>邮箱</span>
      </el-col>
      <el-col :span="12">
        <span>{{ user.email }}</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>微信号</span>
      </el-col>
      <el-col :span="12">
        <span>{{ user.mobile }}</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-col class="row-left" :span="8">
        <span>微信号</span>
      </el-col>
      <el-col :span="12">
        <span>{{ user.mobile }}</span>
      </el-col>
    </el-row>
    <el-row class="user-content">
      <el-tag>全科</el-tag>
      <el-tag>正畸</el-tag>
      <el-tag>儿牙医生</el-tag>
    </el-row>
  </div>
</template>

<script>
import Avatarpng from '@/assets/images/avatar.png';
export default {
  props: {
    user: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      Avatar: Avatarpng,
      levelList: null
    };
  },
  created() {
    // this.getBreadcrumb();
  },
  methods: {}
};
</script>

<style lang="scss" scoped>
.lm-user-msg {
  color: #333000;
  padding: 0 64px;
  .user-header,
  .user-content {
    padding-bottom: 27px;
    .row-left {
      font-size: 16px;
      color: #999999;
    }
    .row-right {
      .user-avatar {
        width: 42px;
        position: absolute;
        top: -12px;
      }
    }
  }
}
</style>
